<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${request.getContextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录</title>

<!-- Our CSS stylesheet file -->
<link rel="stylesheet" href="${ctx}/assets/lib/css/styles.css" />
<!-- toastr CSS -->
<link href="${ctx}/assets/lib/css/toastr.min.css" rel="stylesheet"
	media="screen">
<link href="${ctx}/assets/lib/css/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
</head>

<body>

	<div id="formContainer">
		<form id="login" method="post" action="${ctx}/signin">
			<a href="#" id="flipToRecover" class="flipLink">Forgot?</a> <input
				type="text" name="name" id="loginEmail" value="admin" /> <input
				type="password" name="password" id="loginPass" value="123456" /> <input
				type="submit" name="submit" value="Sign In" />
		</form>
		<form id="recover" method="post" action="${ctx}/#">
			<a href="#" id="flipToLogin" class="flipLink">Forgot?</a> <input
				type="text" name="recoverEmail" id="recoverEmail" value="Email" />
			<input type="submit" name="submit" value="Recover" />
		</form>
	</div>
	<footer>
		<h2>
			<i>品农商城:</i> 品农商城管理平台版权所有  2016
		</h2>
		<a class="tzine"
			href="http://www.baidu.com">新鲜E客 <i>品农商城<b>管理</b></i> 中心手机客户端下载
		</a>
	</footer>


	<!-- JavaScript includes -->
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="${ctx}/assets/lib/js/signin.js"></script>
	<%-- <script src="${ctx}/assets/lib/js/jquery-2.1.1.js"></script> --%>
	<script src="${ctx}/assets/lib/js/toastr.min.js"></script>
	<script src="${ctx}/assets/lib/js/bootstrap.min.js"></script>
	<script>
		$(function() {
			toastr.options = {
				closeButton : false, // 是否显示关闭按钮（提示框右上角关闭按钮）；
				debug : false, // 是否为调试；
				progressBar : true, // 是否显示进度条（设置关闭的超时时间进度条）；
				positionClass : "toast-top-center", // 消息框在页面显示的位置
				/**
				 * toast-top-left 顶端左边 toast-top-right 顶端右边 toast-top-center 顶端中间
				 * toast-top-full-width 顶端，宽度铺满整个屏幕 toast-botton-right
				 * toast-bottom-left toast-bottom-center toast-bottom-full-width
				 */
				onclick : null, // 点击消息框自定义事件
				showDuration : "300", // 显示动作时间
				hideDuration : "1000", // 隐藏动作时间
				timeOut : "2000", // 自动关闭超时时间
				extendedTimeOut : "1000",
				showEasing : "swing",
				hideEasing : "linear",
				showMethod : "fadeIn", // 显示的方式，和jquery相同
				hideMethod : "fadeOut" // 隐藏的方式，和jquery相同
			};
			<c:if test="${not empty toastMsg}">
			toastr.error('${toastMsg}');
			</c:if>
		})
	</script>
</body>
</html>

